<template>
  <div>
      <header>
        <img src="../../assets/images/register.png" alt="">
    </header>
    <div class="reg">注册小米帐号</div>
    <div class="reg2">系统会根据您选择的国家/地区的法律法规存储您的个人信息</div>
    <div class="reg_form">
                <ul>
                    <li>
                        <div><input type="text" class="inp"  placeholder="手机号码:">
                        <span></span></div>
                    </li>
                    <li>
                        <div>
                            <input type="password" class="inp" placeholder="请输入密码：">
                            <p></p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <input type="password" class="inp" placeholder="请再次输入密码：">
                            <p></p>
                        </div>
                    </li>
                    <li class="agree"><input type="checkbox" name="" id="" >
                        已阅读并同意小米账号 <a href="#">《用户协议》</a>和<a href="javascript:;">《隐私政策》</a></li>
                    <li class="blue" @click="enter">注册</li>
                </ul>
            </div>
  </div>
</template>

<script>

export default {
    name:'register',
    methods: {
        enter(){

        }
    },
}
</script>


<style scoped>
    header img {
        width: 100%;
        margin-top: .2rem;
    }
    ul{
        padding: 0 1.112rem ;
    }
    ul li{
        margin-bottom: 1rem;
        border-radius: .72rem;
        overflow: hidden;
    }
    ul li div {
        box-sizing: border-box;
        height: 2.22rem;
        width: 12.75rem;
        background-color: #eee;
        padding: .5rem .6rem;
    }
    ul li div input{
        width: 11.5rem;
        height: 1.24rem;
        font-size: .6rem;
        border-style: none;
        background-color: #eee;
    }
    .agree{
        border-radius: 0px;
    }
    ul li a {
        color: #0B84FF;
    }
    .agree input{
    vertical-align: middle;
    }
    ul li:last-child{
        height: 1.944rem;
        font-size: .72rem;
        color: rgba(255, 255, 255, 0.7);
        background-color: rgba(11, 132, 255, 0.3);
        line-height: 1.944rem;
        text-align: center;
    }
    .blue{
        background-color: #0B84FF !important;
    }
    .reg {
        color: #000;
        font-size: .78rem;
        text-align: center;
        padding: .88rem 0;
    }
    .reg2{
        color: #0b84ff;
        padding: .5rem 1.28rem;
        font-size: .556rem;
    }
</style>